//axois发起异步请求
async function getPic(keyword, size, r_switch) {
    try {
        // 构建带有参数的完整网址
        const baseUrl = 'https://api.codetabs.com/v1/proxy?quest=https://image.anosu.top/pixiv/json';
        const params = new URLSearchParams();

        // 只有当 keyword 不为空时才添加 keyword 参数
        if (keyword !== '') {
            params.append('keyword', keyword);
        }

        // 添加其他参数
        params.append('r18', r_switch);
        params.append('size', size);
        params.append('db', 1);


        const fullUrl = `${baseUrl}?${params.toString()}`;

        // 打印完整的请求网址
        console.log('请求的完整网址:', fullUrl);

        const result = await axios({
            url: fullUrl,
            method: 'GET'
        });

        console.log(result);
        return result.data //返回数据

        //捕获错误
    } catch (err) {
        throw err //抛出错误
    }
}

const app = Vue.createApp({
    data() {
        return {
            pic_url: '',
            return_msg: '',
            keyword: '',
            size: 'small',
            r_switch: ''
        }
    }, methods: {
        async fetchPic() {
            try {
                const result = await getPic(this.keyword, this.size, this.r_switch)
                this.pic_url = result[0].url
                this.return_msg = ''; // 成功时清空错误消息
            } catch (error) {
                this.return_msg = error.message
                this.pic_url = ''; // 错误时清空图片 URL
            }
        }
    },
}).mount('#app')
// 定义vue实例


